<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <h:outputStylesheet name="./css/default.css"/>
        <h:outputStylesheet name="./css/cssLayout.css"/>
        <title>Control de vacaciones de empleados</title>
    </h:head>

    <h:body>
        <h:form>
        <p:layout fullPage="true">
            <p:layoutUnit position="north" header="Control de Vacaciones de empleados" collapsed="#{!usuarioBean.activo}">
                
                <h:panelGrid columns="3" rendered="#{usuarioBean.activo}">
                    <img src="citi.png" />
                    <h:outputText value="#{usuarioBean.current.nombre} - #{usuarioBean.current.rol.descripcion}"/>
                    <p:commandButton value="Salir" icon="ui-icon-extlink" action="#{usuarioBean.logout()}"/>
                </h:panelGrid>
                
            </p:layoutUnit>
            <p:layoutUnit position="west" header="menu" size="300" collapsed="#{!usuarioBean.activo}">
                <p:panelMenu rendered="#{usuarioBean.activo}">
                    
                    <p:submenu label="Nuevo">
                            <p:menuitem value="Empleado" action="crear_recurso"/>
                            <p:menuitem value="Carga masiva" action="carga_masiva"/>
                    </p:submenu>                        
                    
                    <p:submenu label="Buscar">
                        <p:menuitem value="Empleados por supervisor" action="fin_emp_supervisor"/>
                        <p:menuitem value="Empleado por SOEID o nombre" action="fin_emp_soeid"/>
                    </p:submenu>
                </p:panelMenu>
                <p:submenu label="Reportes">
                    <p:menuitem value="Por supervisor"/>
                    <p:menuitem value="Por empleado"/>
                </p:submenu>
            </p:layoutUnit>
            <p:layoutUnit position="center">
                <f:facet name="header">
                    <p:panel rendered="#{!usuarioBean.activo}">
                        <h:outputText value="No esta autorizado a ver esta pagina"/><br/>
                        <p:commandButton value="Aceptar" action="login"/>
                    </p:panel>
                    <ui:insert name="body-title" rendered="#{usuarioBean.activo}"/>
                </f:facet>
                <p:growl autoUpdate="true"/>
                <ui:insert name="body" rendered="#{usuarioBean.activo}"/>
            </p:layoutUnit>
        </p:layout>
        </h:form>
    </h:body>

</html>
